{include file='common/header'}
<body>
<header>
	<div class="header" style="position: fixed;">
		<div class="body">
			<div class="in">
				<h2 class="logoes-ol">
					<a href="/" class="table">
							<span class="cell">
								<span class="logoes-mark"></span>
								<span class="logoes-txt">{$header}</span>
							</span>
					</a>
				</h2>
				{include file='common/menu'}
			</div>
		</div>
		<!-- .body -->
	</div>
	<!-- .header -->
</header>

<a href="#" class="back-to-top back-to-header pad-hidden"><i class="fa fa-long-arrow-up fa-lg"></i></a>

<div class="header-support pad">
	<div class="in">
		<div class="logoes-ol">
			<a href="/" class="table">
						<span class="cell">
						<span class="logoes-mark"></span>
						<span class="logoes-txt">简洁响应式网络建站设计工作室类网站织梦模板(自适应手机端)</span>
						</span>
			</a>
		</div>
	</div>
</div>

<div class="toggle-ol pad">
	<div class="in">
		<div class="toggle">
			<span class="hr t1"></span>
			<span class="t2">
					<span class="in">
						<span class="hr t2-1"></span>
					<span class="hr t2-2"></span>
					</span>
					</span>
			<span class="hr t3"></span>
		</div>
	</div>
</div>
<!-- .toggle-ol -->

<div id="page-wrapper" class="page-container">

	<div class="load-body" data-namespace="home" data-lang="jp">

		<span class="get-page-info" data-page="home"></span>

		<div class="first-view">
			<div class="in">
				<div class="table">
					<div class="cell">
						<div class="body">

							<h1 class="main-title">
								<span>宏璞科技 - 互联网定制专家</span>
							</h1>
							<span class="spacer" data-n="0.5"></span>
							<figure class="support-title" style="line-height: 35px;">自定义网站、小程序、公众号、APP ＆ 二次开发</figure>
							<figure class="support-title" style="line-height: 35px;">高端网站建设＆高端模板建站</figure>
						</div>
					</div>
				</div>
				<!-- .table -->
				<div class="scroll">
					<div class="in">
						<i class="fa fa-angle-double-down fa-lg"></i>
						<svg class="mouse" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 39">
							<path class="path path-front" d="M12.49,38.25A11.8,11.8,0,0,1,.74,26.41V12.58A11.8,11.8,0,0,1,12.49.74h0A11.8,11.8,0,0,1,24.24,12.58V26.41A11.8,11.8,0,0,1,12.49,38.25h0" />
							<path class="path path-back" d="M12.49,38.25A11.8,11.8,0,0,1,.74,26.41V12.58A11.8,11.8,0,0,1,12.49.74h0A11.8,11.8,0,0,1,24.24,12.58V26.41A11.8,11.8,0,0,1,12.49,38.25h0" />
						</svg>
						<!-- <span class="vr"></span> -->
					</div>
				</div>
				<!-- .scroll -->
				<canvas id="js-background-renderer"></canvas>
				<!-- .js-background-renderer -->
			</div>
		</div>

		<div class="contents">
			<section>
				<div class="section section-theme-ol">

					<div class="section-theme section-add-bg">
						<div class="table">
							<div class="cell">
								<div class="body">
									<div class="box-half">
										<span class="spacer sp" data-n="2"></span>
										<h2 class="sub-title fade"><span>关于我们</span></h2>
										<span class="spacer" data-n="1"></span>
										<p class="fade">上海宏璞网络科技，成立于2020年3月，一直致力于网站建设的标准化，流程化，已经个性化，从一个个人技术团队到一个成熟的网站开发公司，宏璞网络建立了属于自己的品牌形象，形成了自己的开发理念， 并拥有一支战斗力极强的互联网开发团队。</p>
										<span class="spacer sp-hidden" data-n="1"></span>
										<span class="spacer sp" data-n="2"></span>
										<a href="" class="fade links">
													<span class="in">
											<span class="gr-di bg"></span>
													<span class="t">查看更多</span>
													</span>
										</a>
										<!-- .links -->
										<span class="spacer sp" data-n="2"></span>
									</div>
								</div>
								<!-- .body -->
							</div>
						</div>
					</div>
					<!-- .body-half -->

					<div class="section-bg slides-wrap-ol section-bg-half">
						<div class="in">
							<div class="slides-wrap scroll-obj gr-di" data-float='{"slowmo":"10"}'>
								<div class="in slides-ol cf">
									<div class="slides in">
										<div class="cover" data-src="/static/index/img/bg_index_theme_3.jpg"></div>
									</div>
									<div class="slides in">
										<div class="cover" data-src="/static/index/img/bg_index_theme_1.jpg"></div>
									</div>
									<div class="slides in">
										<div class="cover" data-src="/static/index/img/bg_index_theme_2.jpg"></div>
									</div>
									<div class="slides in">
										<div class="cover" data-src="/static/index/img/bg_index_theme_3.jpg"></div>
									</div>
								</div>
							</div>
							<div class="control fade">
								<div class="in cf">
									<span class="arrow arrow-to-right "><i class="fa fa-chevron-left fa-lg"></i></span>
									<span class="arrow arrow-to-left "><i class="fa fa-chevron-right fa-lg"></i></span>
								</div>
							</div>
						</div>
					</div>
					<!-- .section-bg -->

				</div>
				<!-- .section -->
			</section>

			<span class="spacer sp-hidden" data-n="3"></span>
			<span class="spacer sp" data-n="2"></span>

			<section>
				<div class="section">
					<div class="body">
						<h2 class="sub-title fade"><span>服务</span></h2>

						<span class="spacer" data-n="1"></span>

						<div class="show-public-ol cf">
							<div class="show-publics">
								<div class="show-publics-header">
									<h3 class="show-public-title fade">付费模板</h3>
								</div>
								<!-- .show-publics-header -->
								<div class="show-publics-body">
									<div class="n-publics fade">100+</div>

								</div>
								<!-- .show-publics-body -->
							</div>
							<!-- .show-publics -->
							<div class="show-publics">
								<div class="show-publics-header">
									<h3 class="show-public-title fade">免费模板</h3>
								</div>
								<!-- .show-publics-header -->
								<div class="show-publics-body">
									<div class="n-publics fade">500+</div>
									<div class="show-public-footer fade"></div>
								</div>
								<!-- .show-publics-body -->
							</div>
							<!-- .show-publics -->
							<div class="show-publics">
								<div class="show-publics-header">
									<h3 class="show-public-title fade">网站建设成功案例</h3>
								</div>
								<!-- .show-publics-header -->
								<div class="show-publics-body">
									<div class="n-publics fade">700+</div>
									<div class="show-public-footer fade"></div>
								</div>
								<!-- .show-publics-body -->
							</div>
							<!-- .show-publics -->
						</div>
						<!-- .show-public-ol -->

						<span class="spacer" data-n="1"></span>

					</div>
					<!-- .body -->
				</div>
				<!-- .section -->
			</section>

			<span class="spacer sp-hidden" data-n="3"></span>
			<span class="spacer sp" data-n="2"></span>

			<section>
				<div class="section section-awards">

					<div class="table section-add-bg">
						<div class="cell">
							<div class="body">
								<h2 class="sub-title fade"><span>团队优势</span></h2>
								<span class="spacer" data-n="1"></span>
								<p class="fade">专业的技术团队，为您提供设计、域名、服务器配置服务一条龙，后期无限维护，宏璞科技是您的建站首选。<br>通过市场定价与技术的能力及产品实现难易，制定合理的价格，保证您企业的利益。</p>
								<span class="spacer" data-n="1"></span>
								<a href="/index/index/product" class="links fade links-middle">
											<span class="in">
									<span class="gr-di bg"></span>
											<span class="t">查看更多</span>
											</span>
								</a>
								<!-- .links -->
							</div>
							<!-- .body -->
						</div>
					</div>

					<div class="section-bg scroll-obj gr-di" data-float='{"slowmo":"10"}'>
						<div class="in">
							<div class="cover in" data-src="/static/index/img/bg_index_awards_1.jpg"></div>
						</div>
					</div>
					<!-- .section-bg -->

				</div>
				<!-- .section -->
			</section>

			<span class="spacer" data-n="2"></span>
			<section>
				<div class="section">
					<div class="body">
						<h2 class="sub-title fade"><span>最新资讯</span></h2>
						<span class="spacer" data-n="1"></span>
						<div class="news-ol">
							<ul class="news-ul">
								{foreach($news as $v)}
								<li class="news-li fade">
									<div class="news-in">
										<div class="in">
											<div class="date">
												<span>{$v.created_at | date='Y.m.d',###}</span>
											</div>
											<div class="category">
												{if($v['type'] == 1)}
												<span class="cat-awards">行业干货</span>
												{else/}
												<span  class="cat-common" >最新资讯</span>
												{/if}
											</div>
											<div class="edit"><a href="/index/index/news_info?id={$v.id}">
												<h4 class="news-title">{$v.title}</h4>
												<div class="news-body">
													<p>{$v.pre_content}</p>
												</div></a>
											</div>
										</div>
									</div>
									<!-- .news-in -->
								</li>
								{/foreach}


							</ul>
						</div>

						<span class="spacer" data-n="1"></span>

						<a href="/index/index/news" class="links fade">
									<span class="in">
							<span class="gr-di bg"></span>
									<span class="t">查看更多</span>
									</span>
						</a>
						<!-- .links -->

					</div>
					<!-- .body -->
				</div>
				<!-- .section -->
			</section>

			<span class="spacer" data-n="2"></span>

			{include file='common/footer'}

		</div>
		<!-- .contents -->

	</div>
	<!-- .load-body -->
</div>
<!-- #page-wrapper -->



</body>

</html>
